<!-- @author wxx -->
<template>
  <el-cascader :options="areaData" v-model="selectedArea" @change="handleAreaChange" placeholder="请选择"></el-cascader>
</template>

<script>
/**
 * 1.provinceAndcityData省市二级联动数据,汉字+code
 * 2.regionData省市区三级联动数据
 * 3.pcTextArr省市联动数据，纯汉字
 * 4.pcaTextArr省市区联动数据，纯汉字
 * 5.codeToText是个大对象，属性是区域码，属性值是汉字 用法例如:codeToText[’1100007]输出北京市
 */
import {
  provinceAndcityData,
  pcTextArr,
  regionData,
  pcaTextArr,
  codeToText
} from 'element-china-area-data';

export default {
  name: 'AreaSelector',
  data() {
    return {
      areaData: pcTextArr,
      selectedArea: []
    };
  },
  methods: {
    handleAreaChange(value) {
      console.log('Selected Area:', value);
      // 这里可以触发父组件的事件，传递选中的省市区数据
      this.$emit('area-change', value);
    }
  }
};
</script>